/* 
    Document   : style
    Created on : 4-gen-2012, 12.19.49
    Author     : ealesfi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#topbar {
    text-align: right;
    float: right;
    padding: 12px 10px 0 15px;
}

#wrapper {
    border: 1px solid #cccccc;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.rounded {
    border-radius:0 0 3ex 3ex;
    -moz-border-radius:0 0 3ex 3ex;
    -webkit-border-bottom-right-radius:3ex;
    -webkit-border-bottom-left-radius:3ex;
}

.roundedBox {
    border: 1px solid #E5E5E5;
    border-radius:3ex 3ex 3ex 3ex;
    -moz-border-radius:3ex 3ex 3ex 3ex;
    -webkit-border-top-right-radius:3ex;
    -webkit-border-top-left-radius:3ex;
    -webkit-border-bottom-right-radius:3ex;
    -webkit-border-bottom-left-radius:3ex;
}

/* BO Login page */
.signin-box {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius:3ex 3ex 3ex 3ex;
    -moz-border-radius:3ex 3ex 3ex 3ex;
    -webkit-border-top-right-radius:3ex;
    -webkit-border-top-left-radius:3ex;
    -webkit-border-bottom-right-radius:3ex;
    -webkit-border-bottom-left-radius:3ex;

    width: 300px;
    padding: 20px 25px 15px;
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #222;
    line-height: 13px
}

.signin-box h2 {
    font-size: 16px;
    height: 16px;
    line-height: 17px;
    margin: 0 0 1.2em;
    position: relative;
}

.signin-box .email-label, .signin-box .passwd-label {
    -moz-user-select: none;
    display: block;
    font-weight: bold;
    margin: 1em 0 0.5em;
}

.signin-box label.remember {
    display: inline-block;
    margin: 9px 0 0;
    vertical-align: top;
}

.signin-box .remember-label {
    -moz-user-select: none;
    color: #666666;
    font-weight: normal;
    line-height: 0;
    padding: 0 0 0 0.4em;
}

.g-button {
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    color: #444444;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 46px;
    padding: 0 8px;
    text-align: center;
}

.signin-box input[type="button"] {
    font-size: 13px;
    height: 32px;
    margin: 1em 1.5em 1.2em 0;
}

.g-button-submit {

    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

strong {
    color: #222222;
}

/* EO Login page */

/* BO Showcategory page */
#commandbar {
    height: 40px;
    width: 100%;
    /*background-image: url(../images/bg_commandbar.jpg);*/
    border-bottom: 1px solid #cccccc;
    background-repeat: repeat-x;
}

#menubar {
    float: left;
}

#menubar ul {
    margin: 0;
    padding: 15px 0 0 15px;
    list-style-type: none;
}

#menubar ul li { 
    display: inline;
}

#menubar ul li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    padding: .2em 1em;
    /*border: 1px solid #369; */
    /*background-color: #036;*/
}

#menubar ul li a:hover {
    color: #fff;
    /*background-color: #369;*/
}

.contents {
    margin: 10px 15px 20px 10px;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #666666;
}

.contents a, .contents a:visited{    
    text-decoration: none;
    font-size: 11px;
    color: #0066cc;
}

.contents a:hover{    
    text-decoration: none;
    font-size: 11px;
    color: #333;
}

.contents span.actions{
}

.contents-table {
    display:table;
    margin: 0px;
    padding: 0px;
}

.contents-table-row {
    display:table-row;
    background-color:#fff;
    margin: 0px;
    padding: 0px;
}

.contents-table-col{
    display:table-cell; 
    margin: 0px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    vertical-align:middle;
}

.contents-table-caption-col0{
    width: 20px;
    display:table-cell; 
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}

.contents-table-caption-col1{
    width: 550px;
    display:table-cell; 
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}
.contents-table-caption-col2{
    width: 100px;
    display:table-cell; 
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}
.contents-table-caption-col3{
    width: 150px;
    display:table-cell; 
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}

.contents-table-header {
    display:table-row;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    margin-right: 30px;
    border-bottom: 1px solid #999999;
}

hr {
    clear:both; 
    display:block; 
    visibility:hidden;
}

/* TODO BO Delete */

#content_table {
    font-family: Verdana, sans-serif;
    font-size: 11px;    
    color: #666666;
}

#content_table_header {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
}

#content_table_separator{
    width: inherit;
    margin-right: 30px;
    border-top: 1px dotted #999999;
}

#content_table_row {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

/* TODO EO Delete */

